<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>欢迎来NBA数据展示系统</title>
		<link rel="icon" href="./image/icon.png" />
		<!-- 如下为官方文件 -->
		<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
		<script src="./js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<script src="./js/echarts.min.js" type="text/javascript" charset="UTF-8"></script>
		<!-- 下面这一堆是原始css及js -->
		<link rel="stylesheet" type="text/css" href="./css/htmleaf-demo.css">
		<link rel="stylesheet" href="./css/jquery.mCustomScrollbar.min.css" />
		<link rel="stylesheet" href="./css/custom.css">
		<script src="./js/jquery.mCustomScrollbar.concat.min.js"></script>
		<script src="./js/custom.js"></script>
		<!-- 下面为我定义的js和css -->
		<script src="./js/mainJs.js" type="text/javascript" charset="UTF-8"></script>
		<script src="./js/dataQuery.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/dataCompare.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/team.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./css/mainCss.css" />
	</head>

	<body>
		<div class="page-wrapper">
			<nav id="sidebar" class="sidebar-wrapper">
				<div class="sidebar-content">
					<a href="javascript:void(0)" id="toggle-sidebar"><i class="fa fa-bars"></i></a>
					<div class="sidebar-brand">
						<a href="/">球员数据查询系统</a>
					</div>

					<!-- <div class="sidebar-search">
						<div>
							<div class="input-group">
								<input type="text" class="form-control search-menu" placeholder="Search for...">
								<span class="input-group-addon"><i class="fa fa-search"></i></span>
							</div>
						</div>
					</div> --><!-- sidebar-search  -->
					<div class="sidebar-menu">
						<ul>
							<li class="header-menu"><span></span></li>
							<li class="sidebar-dropdown">
								<a href="javascript:void(0)"><i class="fa fa-tv"></i><span>数据查询</span></a>
								<div class="sidebar-submenu">
									<ul>
										<li><a href="javascript:void(0)" onclick="toSearchPlayerInfoPage()">球员个人信息查询</a></li>
										<li><a href="javascript:void(0)" onclick="toTeamListPage()">球队查询</a></li>
									</ul>
								</div>
							</li>
							<li class="sidebar-dropdown">
								<a href="javascript:void(0)"><i class="fa fa-photo"></i><span>数据对比</span></a>
								<div class="sidebar-submenu">
									<ul>
										<li><a href="javascript:void(0)" onclick="toSinglePlayerDataComparePage()">球员单项数据对比</a></li>
										<li><a href="javascript:void(0)" onclick="toMultiplePlayerDataComparePage()">球员双项数据对比</a></li>
									</ul>
								</div>
							</li>
							<!-- <li class="sidebar-dropdown">
								<a href="#"><i class="fa fa-bar-chart-o"></i><span>Menu 3</span></a>
								<div class="sidebar-submenu">
									<ul>
										<li><a href="#">submenu 1</a></li>
										<li><a href="#">submenu 2</a></li>
										<li><a href="#">submenu 3</a></li>
										<li><a href="#">submenu 4</a></li>
									</ul>
								</div>
							</li> -->
							
							<!-- <li class="header-menu"><span>Simple menu</span></li>
							<li><a href="#"><i class="fa fa-tv"></i><span>Menu 1</span></a></li>
							<li><a href="#"><i class="fa fa-photo"></i><span>Menu 2</span></a></li>
							<li><a href="#"><i class="fa fa-bar-chart-o"></i><span>Menu 3</span></a></li>
							<li><a href="#"><i class="fa fa-diamond"></i><span>Menu 4</span></a></li> -->
						</ul>
					</div><!-- sidebar-menu  -->
				</div><!-- sidebar-content  -->

				<!-- <div class="sidebar-footer">
					<a href="#"><i class="fa fa-bell"></i><span class="label label-warning notification">3</span></a>
					<a href="#"><i class="fa fa-envelope"></i><span class="label label-success notification">7</span></a>
					<a href="#"><i class="fa fa-gear"></i></a>
					<a href="#"><i class="fa fa-power-off"></i></a>
				</div> -->
			</nav><!-- sidebar-wrapper  -->

			<main id="main" class="page-content">
				<div class="container-fluid">
					<div id="content" class="content">
						<div id="header">
							<h2>NBA技术统计展示系统</h2>
						</div>
						<hr>
						<div style="margin-top: 30px;">
							<div id="description" style="float: left;">
								<p>这是本人的毕业设计：运动员技术统计展示系统。</p>
								<p>该系统提供功能如下：</p>
								<dl>
									<li>球员个人信息查询</li>
									<li>球员数据查询</li>
									<li>球员单项数据对比</li>
									<li>球员多项数据对比</li>
									<li>球队信息查询</li>
								</dl>
								<p>本系统使用了来自<a target="_blank" href="http://www.stat-nba.com">“stat数据”</a>网站的技术统计数据，在这里表示由衷的感谢！</p>
							</div>
							<div id="teamWinRate" style="margin-left: 50%; width: 50%; font-size: 13px;">
								
								<div id="west" style="width: 50%; float: left;">
									<i class="fa fa-search" style="font-size:20px; margin-bottom: 10px;">&nbsp;西部球队战绩排名</i>
									<#assign seq=westWinRateList>
									<table class="table table-bordered table-sm">
										<thead>
											<tr>
												<th>球队</th>
												<th>胜</th>
												<th>负</th>
												<th>胜率</th>
											</tr>
										</thead>
										<tbody>
											<#list seq as row>
												<#if row?index lt 8>
													<tr>
														<td><a href="javascript:void(0)" onclick="toTeamPage('${row.teamId}')">${row.teamCName}</a></td>
														<td>${row.wins}</td>
														<td>${row.losses}</td>
														<td>${row.winRate?string.percent}</td>
													</tr>
												<#else>
													<tr class="grayFont">
														<td><a href="javascript:void(0)" onclick="toTeamPage('${row.teamId}')" class="grayFont">${row.teamCName}</a></td>
														<td>${row.wins}</td>
														<td>${row.losses}</td>
														<td>${row.winRate?string.percent}</td>
													</tr>
												</#if>
											</#list>
										</tbody>
									</table>
								</div>
								<div id="east" style="width: 50%; margin-left: 52%; font-size: 13px;">
									<i class="fa fa-search" style="font-size:20px; margin-bottom: 10px;">&nbsp;东部球队战绩排名</i>
									<#assign seq=eastWinRateList>
									<table class="table table-bordered table-sm">
										<thead>
											<tr>
												<th>球队</th>
												<th>胜</th>
												<th>负</th>
												<th>胜率</th>
											</tr>
										</thead>
										<tbody>
											<#list seq as row>
												<#if row?index lt 8>
													<tr>
														<td><a href="javascript:void(0)" onclick="toTeamPage('${row.teamId}')">${row.teamCName}</a></td>
														<td>${row.wins}</td>
														<td>${row.losses}</td>
														<td>${row.winRate?string.percent}</td>
													</tr>
												<#else>
													<tr class="grayFont">
														<td><a href="javascript:void(0)" onclick="toTeamPage('${row.teamId}')" class="grayFont">${row.teamCName}</a></td>
														<td>${row.wins}</td>
														<td>${row.losses}</td>
														<td>${row.winRate?string.percent}</td>
													</tr>
												</#if>
											</#list>
										</tbody>
									</table>
								</div>
							</div>
						</div>
						
						<div style="margin-top: 20px;">
							<i class="fa fa-search" style="font-size:20px">&nbsp;19-20赛季常规赛球员数据排行</i>
							<hr>
							<div>
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>得分榜</h5>
										<nav class="breadcrumb">
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('score', 'avg', $(this))" href="javascript:void(0)">均</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('score', 'sum', $(this))" href="javascript:void(0)">总</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('score', 'single', $(this))" href="javascript:void(0)">单</a>
										  <!-- <span class="breadcrumb-item active">Bootstrap</span> -->
										</nav>
									</div>
								    <div id="scoreData" class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenAvgScore as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
								
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>篮板榜</h5>
										<nav class="breadcrumb">
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('rebound', 'avg', $(this))" href="javascript:void(0)">均</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('rebound', 'sum', $(this))" href="javascript:void(0)">总</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('rebound', 'single', $(this))" href="javascript:void(0)">单</a>
										</nav>
									</div>
								    <div id="reboundData" class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenAvgRebound as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
								
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>助攻榜</h5>
										<nav class="breadcrumb">
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('assists', 'avg', $(this))" href="javascript:void(0)">均</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('assists', 'sum', $(this))" href="javascript:void(0)">总</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('assists', 'single', $(this))" href="javascript:void(0)">单</a>
										</nav>
									</div>
								    <div id="assistsData" class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenAvgAssists as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
								
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>失误榜</h5>
										<nav class="breadcrumb">
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('fault', 'avg', $(this))" href="javascript:void(0)">均</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('fault', 'sum', $(this))" href="javascript:void(0)">总</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('fault', 'single', $(this))" href="javascript:void(0)">单</a>
										</nav>
									</div>
								    <div id="faultData" class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenAvgFault as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
								
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>犯规榜</h5>
										<nav class="breadcrumb">
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('foul', 'avg', $(this))" href="javascript:void(0)">均</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('foul', 'sum', $(this))" href="javascript:void(0)">总</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('foul', 'single', $(this))" href="javascript:void(0)">单</a>
										</nav>
									</div>
								    <div id="foulData" class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenAvgFoul as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
								
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>抢断榜</h5>
										<nav class="breadcrumb">
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('steal', 'avg', $(this))" href="javascript:void(0)">均</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('steal', 'sum', $(this))" href="javascript:void(0)">总</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('steal', 'single', $(this))" href="javascript:void(0)">单</a>
										</nav>
									</div>
								    <div id="stealData" class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenAvgSteal as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>盖帽榜</h5>
										<nav class="breadcrumb">
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('blockShot', 'avg', $(this))" href="javascript:void(0)">均</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('blockShot', 'sum', $(this))" href="javascript:void(0)">总</a>
										  <a class="breadcrumb-item" onclick="loadTopPlayerData('blockShot', 'single', $(this))" href="javascript:void(0)">单</a>
										</nav>
									</div>
								    <div id="blockShotData" class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenAvgBlockShot as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>效率值榜</h5>
										<!-- <nav class="breadcrumb">
										  <a class="breadcrumb-item" href="#">均</a>
										  <a class="breadcrumb-item" href="#">总</a>
										  <a class="breadcrumb-item active" href="#">单</a>
										</nav> -->
									</div>
								    <div class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenEfficiencyRating as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
								<div class="card playerDataCardFloat">
								    <div class="card-header">
										<h5>真实命中率榜</h5>
										<!-- <nav class="breadcrumb"> -->
										  <!-- <a class="breadcrumb-item" href="javascript:void(0)">数据唯一</a> -->
										  <!-- <a class="breadcrumb-item" href="#">均</a>
										  <a class="breadcrumb-item" href="#">总</a>
										  <a class="breadcrumb-item active" href="#">单</a> -->
					
										<!-- </nav> -->
									</div>
								    <div class="card-body">
										<table style="margin: auto; width: 100%;">
											<#list playerRSTopTenTrueShootingPercentage as row>
												<tr>
													<td><#if row.playerCName??>${row.playerCName!}<#else>${row.playerEName}</#if></td>
													<td>${row.data}</td>
												</tr>
											</#list>
										</table>
									</div> 
								</div>
							</div>
						</div>
					</div>

				</div>
			</main><!-- page-content" -->

			<button type="button" id="toTop" class="btn btn-default" onclick="GoTopFunction()"><i class="fa fa-arrow-circle-up"></i></button>

		</div><!-- page-wrapper -->

	</body>
</html>
